﻿<%@ Page Title="" Language="C#" MasterPageFile="~/ZhiBo/ZBindex.master" AutoEventWireup="true" CodeBehind="ZBtype1.aspx.cs" Inherits="Player.ZhiBo.ZBtype1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <style>
                * {
       margin:0px;
       padding:0px;
       }
        a {
        text-decoration:none;
        }

        #type_lbtimg {
            width:90%;
            height:100px;
            border:1px solid #000;
            margin-left:20px;
        }
        .type-logo {
            color:#464444;
            height:30px;
            line-height:30px;
            background-color:#ffffff;
            font-weight:bold;
            font-size:14px;
            padding-left:20px;
            border-radius:5px;
        }
        .imgtxt {
            box-shadow: 0 0 4px #000;
            border-radius: 5px;
            overflow: hidden;
            margin-right: 20px;
            margin-bottom: 20px;
            margin-left: 20px;
            background-color: #edecf9;
        }
        @keyframes imgss {
            from {
                transform: scale(1.1);
            }

            to {
                transform: scale(1.2);
            }
        }
        .imgtxt img:hover{
        animation: imgss 600ms linear alternate infinite;
         }
            .imgtxt a {
                text-decoration-line:none;
                color:#000000;
            }
            .imgtxt div {
                font-size:12px;
                font-weight:bolder;
                overflow:hidden;
            }
        .imgtxt_div1 {
            width:150px;
            height:80px;
            border-radius:10px 10px 0px 0px;
        }
        .imgtxt_div1img {
                Width: 152px;
                Height: 80px;
                margin-left: -1px;
                border-radius:10px 10px 0px 0px;
        }
        .imgtxt_div2 {
            padding-top:5px;
             padding-left: 5px;
        }
        .imgtxt_div3 {
            margin-bottom:5px;
        }
            .spright:hover {
                color:#ffd800;
            }
        .spright {
            width: 150px;
            cursor: pointer;
            display: block;
            padding: 2px;
            border-radius: 5px;
            text-align:center;
            font-size:5px;
        }
         .tex {
            margin-top:-47px;
            margin-left:460px;
            position:fixed;
            z-index:100;
        }
            .tex .btnimg_sousuo {
                outline: none;
                cursor:pointer;
                width:15px;
                height:15px;
                position:fixed;
                margin-left:10px;
                margin-top:5px;
                z-index:110;
            }
         .ki {
            padding-left: 5px;
            outline: none;
            border-top-left-radius:10px;
            border-bottom-left-radius:10px;
            border: 1px solid #f9831d;
            box-shadow:0 0 1px #f9831d;
            font-size: 8px;
            width:132px;
            height:16px;

        }
        .pi {
            background-color:#fff062;
            width: 40px;
            height: 18px;
            border-top-right-radius: 10px;
            border-bottom-right-radius: 10px;
            border:none;
            outline: none;
            position: absolute;
            top: 4px;
            left: 138px;
            cursor: pointer;
            font-size:5px;
            line-height:18px;
            box-shadow:0 0 2px #f97401
        }
        #type_btm {
            padding-bottom:29px;
        }
        .div-item {
        width:150px;
        height:180px;
        border:1px solid #ccc;
        border-radius:10px;
        margin:15px;
        margin-left:20px;
        }
            .div-item #Image1 {
            border-radius:10px;
            }
        .imgtext_div2 span a{
        display:block;
        color:#000;
        font-size:5px;
        }


        .top {
        width:750px;
        height:260px;
        position:relative;
        }

            .top .top-item {
            width:100%;
            height:35px;
            border-radius:10px;
            border:1px solid #ccc;  
            line-height:35px;
            text-align:center;
            color:#706f6f;
            font-weight:bold;
            background-color:white;
            }
            .top .right-item {
            width:500px;
            height:203px;
            margin-top:20px;
            margin-left:0px;
            background-color:pink;
            overflow:hidden;
            position:absolute;
            }
        .right-item ul {
        position:absolute;
        top:0px;
        left:0px;
        width:601%;
        }
            .right-item ul li {
            float:left;
            }
        .right-item a img {
        width:500px;
        height:203px;
        }


    </style>

     <%--最大的盒子--%>
<%--    <div class="max">
        大盒子里面的第一个小盒子
        <a href="ZBneirong/ZBneirong.aspx">
         <div class="div-item">
          <img src="../Player图片/游戏图片/英雄联盟.png" class="img1"/>
          图片圆圈显示
          <div class="tubiao">

          </div>
        <span class="p1">LPL春季赛RA&nbsp;1:0&nbsp;WE</span>
        <span class="p2">英雄联盟赛事</span>
        <span class="p3">英雄联盟</span>
      </div>
        </a>
    </div>--%>

<%--     <div class="max">
       <asp:DataList ID="dtlsjx" runat="server" RepeatColumns="3" Height="77px"  runat="server">
            <ItemTemplate>
                <div class="div-item">
                    <div class="imgtxt_div1"><a href='<%#"ZBneirong.aspx?id="+Eval("Gm_Id") %>'><asp:Image CssClass="imgtxt_div1img" ImageUrl='<%#"~/Player图片/游戏图片/"+Eval("Gm_Image") %>' runat="server" /></a></div>
                    <div class="imgtxt_div2"><span><a href='<%#"SCwegm1.aspx?id="+Eval("Gm_Id") %>'><%#Eval("Gm_Name") %></a></span></div>
                    <div class="imgtxt_div3"><span class="spright">￥<%#Eval("Gm_price") %></span></div>
                </div>
            </ItemTemplate>
        </asp:DataList>
     </div>--%>
      <div class="neir">
       <asp:DataList ID="DataList1" runat="server" RepeatColumns="4" Height="148px"  runat="server" Width="419px">
            <ItemTemplate>
                <div class="div-item">
                    <div class="imgtxt_div1"><a href='<%#"ZBneirong/ZBneirong.aspx?id="+Eval("Gm_Id") %>'><asp:Image ID="Image1" CssClass="imgtxt_div1img" ImageUrl='<%#"~/Player图片/游戏图片/"+Eval("Gm_Image") %>' runat="server" /></a></div>
                    <div class="imgtxt_div2"><span><a href='<%#"SCwegm1.aspx?id="+Eval("Gm_Id") %>'><%#Eval("Gm_Name") %></a></span></div>
                    <div class="imgtxt_div3"><span class="spright"><%#Eval("Gm_Desc") %></span></div>
                </div>
            </ItemTemplate>
        </asp:DataList>
     </div>

</asp:Content>
